import React, { Component } from 'react'

const DetailData = [
  {id:'01', content: '你好，中国'},
  {id:'02', content: '你好，尚硅谷'},
  {id:'03', content: '你好，未来'}
]

export default class Detail extends Component {
  render() {
    console.log('props', this.props)
    const {id, title} = this.props.match.params
    const findResult = DetailData.find((detailObj) => {
      return detailObj.id === id
    })
    return (
      <ul>
        <li>ID: {id}</li>
        <li>TITLE: {title}</li>
        <li>CONNECT: {findResult.content}</li>
      </ul>
    )
  }
}
